*
  margin 0
  padding 0
  list-style none

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li, 
pre, 
form, fieldset, legend, button, input, textarea, 
th, td
  margin 0
  padding 0

body,
button, input, select, textarea
  font 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif

h1, h2, h3, h4, h5, h6
  font-size 100%

address, cite, dfn, em, var
  font-style normal

code, kbd, pre, samp
  font-family courier new, courier, monospace

small
  font-size 12px

ul, ol
  list-style none

a
  text-decoration none
  &:hover
    text-decoration underline

legend
  color #000

fieldset, img
  border 0

button, input, select, textarea
  font-size 100%

table
  border-collapse collapse
  border-spacing 0

.ks-clear:after, .clear:after
  content '\20'
  display block
  height 0
  clear both

.ks-clear, .clear
  *zoom 1

.main
  padding 30px 100px
  width 960px
  margin 0 auto
  h1
    font-size 36px
    color #333
    text-align left
    margin-bottom 30px
    border-bottom 1px solid #eee

.helps
  margin-top 40px
  pre
    padding 20px
    margin 10px 0
    border solid 1px #e7e1cd
    background-color #fffdef
    overflow auto

.icon_lists
  width 100% !important
  li
    float left
    width 100px
    height 180px
    text-align center
    list-style none !important
  .icon
    font-size 42px
    line-height 100px
    margin 10px 0
    color #333
    -webkit-transition font-size 0.25s ease-out 0s
    -moz-transition font-size 0.25s ease-out 0s
    transition font-size 0.25s ease-out 0s
    &:hover
      font-size 100px

.markdown
  color #666
  font-size 14px
  line-height 1.8
  img
    vertical-align middle
    max-width 100%
  h1
    color #404040
    font-weight 500
    line-height 40px
    margin-bottom 24px
    font-size 28px
  h2
    font-size 22px
  h3
    font-size 16px
  h4
    font-size 14px
  h5
    font-size 12px
  h6
    font-size 12px
  hr
    height 1px
    border 0
    background #e9e9e9
    margin 16px 0
    clear both
  ul
    & > li
      list-style circle
  ol
    & > li
      list-style decimal
  code
    margin 0 3px
    padding 0 5px
    background #eee
    border-radius 3px
  pre
    border-radius 6px
    background #f7f7f7
    padding 20px
    code
      border none
      background #f7f7f7
      margin 0
  & > table
    border-collapse collapse
    border-spacing 0px
    empty-cells show
    border 1px solid #e9e9e9
    width 95%
    margin-bottom 24px
    th
      white-space nowrap
      color #333
      font-weight 600
      background #F7F7F7
  blockquote
    font-size 90%
    color #999
    border-left 4px solid #e9e9e9
    padding-left 0.8em
    margin 1em 0
    font-style italic
    p
      margin 0
  .anchor
    opacity 0
    transition opacity 0.3s ease
    margin-left 8px
  .waiting
    color #ccc

.highlight
  line-height 1.5

.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6
  color #404040
  margin 1.6em 0 0.6em 0
  font-weight 500
  clear both

.markdown p,
.markdown pre
  margin 1em 0

.markdown > p,
.markdown > blockquote,
.markdown > .highlight,
.markdown > ol,
.markdown > ul
  width 80%

.markdown > ul li,
.markdown blockquote ul > li
  margin-left 20px
  padding-left 4px

.markdown > ul li p,
.markdown > ol li p
  margin 0.6em 0

.markdown > ol li,
.markdown blockquote ol > li
  margin-left 20px
  padding-left 4px

.markdown strong,
.markdown b
  font-weight 600

.markdown > table th,
.markdown > table td
  border 1px solid #e9e9e9
  padding 8px 16px
  text-align left

.markdown h1:hover .anchor,
.markdown h2:hover .anchor,
.markdown h3:hover .anchor,
.markdown h4:hover .anchor,
.markdown h5:hover .anchor,
.markdown h6:hover .anchor
  opacity 1
  display inline-block

.markdown > br,
.markdown > p > br
  clear both

.hljs
  display block
  background white
  padding 0.5em
  color #333333
  overflow-x auto

.hljs-comment,
.hljs-meta
  color #969896

.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote
  color #df5000

.hljs-keyword,
.hljs-selector-tag,
.hljs-type
  color #a71d5d

.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute
  color #0086b3

.hljs-section,
.hljs-name
  color #63a35c

.hljs-tag
  color #333333

.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo
  color #795da3

.hljs-addition
  color #55a532
  background-color #eaffea

.hljs-deletion
  color #bd2c00
  background-color #ffecec

.hljs-link
  text-decoration underline

pre
  background #fff